<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>easy-page</title>
    <link rel="stylesheet" href="./css/flower.css">
</head>
<body>
    <!-- flower-document -->
    <div class="flower-room">
        <div class="box1">
            <div class="top">
                <img src="./img/banner.jpg" alt="">
            </div>
            <div class="top-nav">
                <ul>
                    <li><a href="#">鲜花礼品</a></li>
                    <li><a href="#">自助订花</a></li>
                    <li><a href="#">绿色植物</a></li>
                    <li><a href="#">花之物语</a></li>
                    <li><a href="#">会员中心</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">支付方式</a></li>
                </ul>
            </div>
        </div>
        <div class="box2">
            <img src="./img/login.jpg" alt="">
            
            <div class="login">
                <form action="./success.html">
                    <span>账号:</span> <input type="text" required="required" name="id"> <br>
                    <span>密码:</span> <input type="password" required= "required" name="id"><br>
                    <input type="submit" value="登陆" name="login"> <input type="reset" value="重置" name="login"> 
                    <a href="./register.html">注册</a> 
                </form>
            </div>
            <div class="left-nav">
                <div>
                    <div class="h3"><h3>用途</h3></div>
                    <ul>
                        <li><a href="#">爱情鲜花</a></li>
                        <li><a href="#">生日送花</a></li>
                        <li><a href="#">新年鲜花</a></li>
                        <li><a href="#">家庭用花</a></li>
                        <li><a href="#">亲情用花</a></li>
                        <li><a href="#">道歉鲜花</a></li>
                        <li><a href="#">开业花篮</a></li>
                        <li><a href="#">会议用花</a></li>
                    </ul>    
                </div>
                <div>
                    <div class="h3"><h3>花材</h3></div>
                    <ul>
                        <li><a href="#">玫瑰花</a></li>
                        <li><a href="#">百合花</a></li>
                        <li><a href="#">郁金香</a></li>
                        <li><a href="#">太阳花</a></li>
                        <li><a href="#">康乃馨</a></li>
                        <li><a href="#">马蹄莲</a></li>
                        <li><a href="#">扶朗</a></li>
                        <li><a href="#">剑兰</a></li>
                    </ul>
                </div>
                <div>
                    <div class="h3"><h3>价格</h3></div>
                    <ul>
                        <li><a href="#">100～200元</a></li>
                        <li><a href="#">200～300元</a></li>
                        <li><a href="#">300～400元</a></li>
                        <li><a href="#">400～500元</a></li>
                        <li><a href="#">500～600元</a></li>
                        <li><a href="#">600～800元</a>
                </div>
            </div>
        </div>
        <div class="box3">
            <div class="right-nav">
                <img src="./img/news.jpg" alt="">
            </div>
            
            <div class="picture">
                <ul>
                    <li><a href="#"><img src="./img/news1.jpg" /></a></li>
                    <li><a href="#"><img src="./img/news2.jpg" /></a></li>
                    <li><a href="#"><img src="./img/news3.jpg" /></a></li>
                </ul>
            </div>
            
            <div class="right-nav">
                <img src="./img/recommend.jpg" alt="">
            </div>
            <div class="solder">
                <ul>
                    <li class="home-pic"><a href="#"><img src="./img/flower1.jpg" /><br /><br>
                            幸福的味道<br />
                        </a>￥288元</li>
                    <li><a href="#"><img src="./img/flower2.jpg" /><br />
                            阳光守护你<br />
                        </a>￥300元</li>
                    <li><a href="#"><img src="./img/flower3.jpg" /><br />
                            温情永远<br />
                        </a>￥268元</li>
                    <li><a href="#"><img src="./img/flower4.jpg" /><br />
                            爱无界<br />
                        </a>￥318元</li>
                    <li class="home-pic"><a href="#"><img src="./img/flower5.jpg" /><br />
                            亲亲宝贝<br />
                        </a>￥368元</li>
                    <li><a href="#"><img src="./img/flower6.jpg" /><br />
                            相信是缘<br />
                        </a>￥188元</li>
                    <li><a href="#"><img src="./img/flower7.jpg" /><br />
                            水晶童话<br />
                        </a>￥198元</li>
                    <li><a href="#"><img src="./img/flower8.jpg" /><br />
                            天使之爱<br />
                        </a>￥268元</li>
                </ul>
            </div>
            <div class="right-nav">
                <img src="./img/fresh.jpg" alt="">
            </div>
            <div class="buy">
                <ul>
                    <li><a href="#"><img src="./img/flower9.jpg" /><br />
                            亲亲宝贝<br />
                        </a></li>
                    <li><a href="#"><img src="./img/flower10.jpg" /><br />
                            相信是缘<br />
                        </a></li>
                    <li><a href="#"><img src="./img/flower11.jpg" /><br />
                            水晶童话<br />
                        </a></li>
                    <li><a href="#"><img src="./img/flower12.jpg" /><br />
                            天使之爱<br />
                        </a></li>
                </ul>
            </div>

            <div class="right-nav">
                <img src="./img/tips.jpg" alt="">
            </div>

            <div class="article">
                <ul>
                    <li><a href="#">各种鲜花代表的含义</a></li>
                    <li><a href="#">花的喜怒哀乐与人的各种感觉</a></li>
                    <li><a href="#">养花与养生之道</a></li>
                    <li><a href="#">每天清晨的第一缕阳光</a></li>
                    <li><a href="#">花香的味道</a></li>
                    <li><a href="#">世界各地关于送花的习俗</a></li>
                    <li><a href="#">种花与送花</a></li>
                    <li><a href="#">手捧一束鲜花的等待</a></li>
                </ul>
            </div>
        </div>
    </div>
    
</body>
</html>